<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 2.内部样式表, 写在 style 标签内部  -->
    <style>
        /* 语法 选择器 { 样式 } */
        /* 选择器 就是诸如 button 这些, 其中的样式会应用到所有同类型的元素上, 受优先级影响 */
        button {
            background-color: green;
            color: blue;
        }
    </style>
    <!-- 3.单独的 css 文件, 通过 link 标签引入 -->
    <link rel="stylesheet" href="../css/index.css">
    <title>Document</title>
</head>
<body>
    <!-- 1.行内样式, style="样式名: 值; 样式名 2: 值" -->
    <!-- css 的优先级: 按照文件从上到下的顺序, 就近原则, 目前 行内优先级最高 -->
    <button style="background-color: orange; color: aquamarine;">点我</button>
    <button>购买</button>
    <button>美诚</button>
    <button>月饼</button>
</body>
</html>